<template>
	<view class="list">
		<view class="item" v-for="(item,index) in list" @click="jump(url,item.id)" :key='index'>
			<image :src="item.bannerImages" class="bg"></image>
			<view class="font16 name bold">{{item.siteName}}</view>
			<view class="color9 font12 jieshao">{{item.remark}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['path','url','list'],
		methods:{
			jump(res,id){
				if(res){
					uni.navigateTo({
						url: res+'?id='+id
					});
				}
			}
		}
	}
</script>

<style scoped>
	.bg{
		width: 100%;
		height: 120px;
	}
	.name{
		padding: 10px;
	}
	.jieshao{
		padding: 0 10px;
		line-height: 22px;
	}
	.item{
		border-radius: 12px;
		overflow: hidden;
		background-color: #fff;
		margin-bottom: 10px;
		padding-bottom: 15px;
	}
</style>